<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">


    <link href="../../public/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="../css/currencyStyle.css" rel="stylesheet" type="text/css">
    <link href="../css/contactStyle.css" rel="stylesheet" type="text/css">
    <link href="../css/approvalDetail.css" rel="stylesheet" type="text/css">

    <script src="../../public/jQuery/jQuery-2.1.3.min.js"></script>
    <script src="../js/approvalDetail.js"></script>
    <script src="../../public/js/extend.js"></script>
    <script src="../../public/js/publicjs.js"></script>
    <script src="../js/whole.js"></script>
    <title>审批详情</title>
</head>
<body class="body_bgcolor">
<!--展示审批详情页-->
<div class="show_detail">
    <div id="approval_navbar">
        <div id="approval_back" class="col-xs-3">
            <img src="../../vote/img/btn-return.png" class="back_icon">
            返回
        </div>
        <div class="col-xs-7 title"></div>
        <div class="approval_nav_right">更多</div>

        <!--遮盖-->
        <div class="call_back">
            <div class="content_big">
                <div class="popup_similar title_big">

                </div>
                <div class="choice_big">
                    <div class="popup_similar only_cancel" style="border: none">
                        取消
                    </div>
                    <div class="okCancel">
                        <div class="col-xs-6 choice_it cancel" style="border-right: 1px solid lightgrey">取消</div>
                        <div class="col-xs-6 choice_it" id="sure">确定</div>
                    </div>
                </div>
            </div>
            <div class="more_again">
                <div class="popup_similar share">
                    分享
                </div>
                <div class="popup_similar sub_again">
                    重新提交
                </div>
                <div class="popup_similar only_cancel" style="border: none">
                    取消
                </div>
            </div>
            <!--提示撤销成功-->
            <div class="call_back_success">
                撤销成功
            </div>
        </div>


    </div>


    <div class="down_navbar_div" style="margin-bottom: 8.59375vh">

        <!--加载转圈圈-->
        <img class="loading" src='../approvalImg/loading.gif'>

        <!--主体内容展示部分-->
        <div class="show_hide" style="height: auto;width: 100%;">
            <!--内容的第一块，人物-->
            <div id="waitContent_tableview_cell" style="height: auto;" class="tableview_cell">
                <div class="detail_tableview_cell_mid">
                    <div class="detail_left_small col-xs-2" style="height: 100%">

                    </div>
                    <div class="detail_right_small col-xs-9" style="height: 100%">
                        <p class="approval_name"></p>
                        <p class="approval_style"></p>
                    </div>
                </div>
                <div class="watermark">

                </div>
                <div class="watermark2">

                </div>
            </div>

            <!--模板的详细信息展示-->
            <div class="model_content">


            </div>

            <!--底部的最大的一块,流程+评论+抄送-->
            <div class="detail_process">
                <div style="float: left">
                    <!--<div class="blank_div" style="width: 9vw;height: auto;border-right: 1px solid #cccccc;float: left"></div>-->
                    <div class="process_up_model">


                    </div>

                    <!--评论-->
                    <div class="comment_div" id="comment_div">

                    </div>
                </div>

                <!--抄送-->
                <div class="copy_me">
                    <div class="cope_me_up">
                        <p class="copy_me_text col-xs-3">抄送人</p>
                        <span class="grey_text col-lg-9">(审批人同意后,将抄送给以下人员)</span>
                    </div>
                    <div class="copy_me_down">

                    </div>
                </div>
            </div>

        </div>
    </div>

    <!------底部的同意,拒绝,评论------->
    <div id="bottom_icon">
        <div style="width: 100%;height: auto" id="0">
            <div class='col-xs-4 bottom_btn agree_btn'>
                同意
            </div>
            <div class='col-xs-4 bottom_btn refuse_btn'>
                拒绝
            </div>
            <div class='col-xs-4 bottom_btn comment_btn'>
                评论
            </div>
        </div>
        <!--我已审批 的 评论 -->
        <div style="width: 100%;height: auto" id="1">
            <div class='col-xs-12 bottom_btn comment_btn'>评论</div>
        </div>

        <div style="width: 100%;height: auto" id="2">
            <div class='col-xs-6 bottom_btn' id="call_back">撤销</div><div class='col-xs-6 bottom_btn comment_btn'>评论</div>
        </div>
        <!--抄送我的 的 评论-->
        <div style="width: 100%;height: auto" id="3">
            <div class='col-xs-12 bottom_btn comment_btn'>评论</div>
        </div>
        <!--我发起的 的 评论-->
        <div style="width: 100%;height: auto" id="4">
            <div class='col-xs-12 bottom_btn comment_btn'>评论</div>
        </div>
        <!--分享后进来的评论-->
        <div style="width: 100%;height: auto" id="5">
            <div class='col-xs-12 bottom_btn comment_btn'>评论</div>
        </div>

    </div>
</div>

<!--展示审批操作页-->
<div class="show_ARC">
    <div class="model_div">
        <div id="approval_do_navbar" >
            <div id="approval_do_back" class="col-xs-3">
                <img src="../../vote/img/btn-return.png" class="back_icon">
                返回
            </div>
            <div class="col-xs-7" id="title">审批意见</div>
            <div class="approval_do_nav_right">确认</div>
        </div>

        <div class="down_navbar_div">
            <div class="grey_div"></div>

            <div class="input_box">

                <div contenteditable="true" id="rel_input_box" name="topic" maxlength="30"></div>

                <div id="remindMe">@ 提醒谁关注</div>
            </div>

            <div class="grey_div"></div>
            <!--图片模块-->
            <div id="pic_div" class="cell_div">
                <div class="this_is_pic">
                    <div class="col-xs-3 cell_text">图片</div>
                    <div class="col-xs-7" style="height: 100%"></div>
                    <div class="col-xs-2">
                        <form name="form" id="form" enctype="multipart/form-data" method="post" hidden>
                            <input type="file" name="img1" class="upload" id="upload" multiple="multiple">
                        </form>
                        <img src="../approvalImg/pic.png" class="cell_icon" id="camera">
                    </div>
                </div>
                <div class='pic_content' style='height: auto;width: 100%;float: left'>

                </div>

            </div>


            <!--附件模块-->
            <div id="enclosure_div" class="cell_div">
                <div class="this_is_enclosure">
                    <div class="col-xs-3 cell_text" id="enclosure_text">附件</div>
                    <div class="col-xs-7" style="height: 100%"></div>
                    <div class="col-xs-2">
                        <form name="form_file" id="form_file" hidden>
                            <input type="file" name="file1" class="upload_file" id="upload_file" multiple="multiple">
                        </form>
                        <img src="../approvalImg/file.png" class="cell_icon" id="file_add" >
                    </div>
                </div>

                <div class='file_div'>

                </div>
            </div>
        </div>

        <div class="call_back_success">
            提交成功
        </div>
    </div>
    <!--联系人-->
    <div class="contact_div">
        <div class="contact_navbar">
            <div class="contact_back">
                <img src="../approvalImg/greenLeft.png" class="back_icon">
                返回
            </div>
            <div class="contact_title" ></div>
            <div class="contact_choice">
                确认
            </div>
        </div>

        <div class="contact_down_navbar_div">
            <img src="../approvalImg/loading.gif" class="loading_c">
            <div class="contact_bigest">

                <div class="team_content_bigest">

                </div>
                <div class='contact_content'>

                </div>
            </div>
        </div>
    </div>
</div>


<iframe src="tokenTips.html" class="token_iframe"></iframe>
</body>
</html>